function testApi() {
    fetch('/api/hello')
        .then(response => response.json())
        .then(data => {
            document.getElementById('result').innerHTML = 
                '<h3>API 测试结果</h3><pre>' + JSON.stringify(data, null, 2) + '</pre>';
        })
        .catch(error => {
            document.getElementById('result').innerHTML = 
                '<h3>错误</h3><p style="color: red;">API 请求失败: ' + error + '</p>';
        });
}

function testImage() {
    const img = document.createElement('img');
    img.src = '/logo.png';
    img.style.maxWidth = '200px';
    img.style.borderRadius = '8px';
    img.onload = function() {
        document.getElementById('result').innerHTML = 
            '<h3>图片加载测试</h3><p style="color: green;">图片加载成功！</p>' + 
            '<br>' + img.outerHTML;
    };
    img.onerror = function() {
        document.getElementById('result').innerHTML = 
            '<h3>图片加载测试</h3><p style="color: orange;">图片不存在，但MIME类型处理正常</p>';
    };
}

function testCache() {
    fetch('/api/stats')
        .then(response => response.json())
        .then(data => {
            document.getElementById('stats').innerHTML = 
                '<h3>服务统计</h3><pre>' + JSON.stringify(data, null, 2) + '</pre>';
        })
        .catch(error => {
            document.getElementById('stats').innerHTML = 
                '<h3>错误</h3><p style="color: red;">获取统计失败: ' + error + '</p>';
        });
}

function clearCache() {
    fetch('/api/cache/clear', { method: 'POST' })
        .then(response => response.json())
        .then(data => {
            document.getElementById('result').innerHTML = 
                '<h3>缓存清理结果</h3><pre>' + JSON.stringify(data, null, 2) + '</pre>';
        })
        .catch(error => {
            document.getElementById('result').innerHTML = 
                '<h3>错误</h3><p style="color: red;">清理缓存失败: ' + error + '</p>';
        });
}

// 页面加载完成后自动测试API
document.addEventListener('DOMContentLoaded', function() {
    console.log('Vert.cj 静态文件服务 V2 演示页面已加载');
});
        